/*
* Copyright 2007-2011 Google Inc. All Rights Reserved.
* Copyright 2011-2017 MIT, All Rights Reserved.
* Released under the Apache License, Version 2.0
* http://www.apache.org/licenses/LICENSE-2.0
*/

/*
Droid Sans has a bug in the size of its descenders:
they get cut off in Windows.
@import url("http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold");
*/

@external .*;
body {
  background: border-color background-image;
}
/* For the TOS Form*/
.floatingBox {
  background-color: background-color;
  box-shadow: 0 0 4px shadow-color;
  border: 1px panel-shadow;
}

.ode-ContextMenu {
  background-color: background-color;
}
.ode-ContextMenuItem-Red,
.ode-ContextMenuItem,
.ode-CurrentColor {
  color: panel-shadow;
}
.ode-ContextMenuItem-Red {
  color: item-color-red;
}

.ode-ContextMenuItemSeparator {
  background-color: border-color;
  border-bottom: 1px solid background-color;
}

.ode-ContextMenuItem-selected {
  color: background-color;
  background: selected-color;
}

.ode-ContextMenuItem-Red-selected {
  color: item-color-red;
  background: selected-color;
}

.ode-ContextMenuItem-disabled {
  color: label-color;
}

.ode-Box-content {
  background-color: box-background-color;
  /* TODO(opensource): Delete the background-image line below once we're ready */
  background-image: box-background-image;
  color: panel-shadow;
  border-left: 1px solid border-color;
  border-bottom: 1px solid border-color;
  border-right: 1px solid border-color;
  box-shadow: 0 0 4px shadow-color;
}

.ode-Box-header {
  background: box-background;
  border-color: #d2d2d2 #d2d2d2 #b0b2a7 #d2d2d2;
}

.ode-Box-toolkit {
  color: panel-shadow;
  background: box-background;
}

.ode-Box-header-caption {
  color: panel-shadow;
}

.ode-Box-header-caption-highlighted {
  color:  item-color-red; /* too strong, but use red for now */
}

.ode-BoxResizeControl {
  background-color: background-color;
}
/*
  * MessagesOutputBox
  */
.ode-MessagesOutput {
  background-color: background-color;
}
.ode-ProjectNameLabel {
  color: panel-shadow;
}

.ode-ProjectFieldLabel {
  color: panel-shadow;
}

.ode-ProjectTable {
  background-color: background-color;
}
.ode-ProjectRowHighlighted {
  background-color: project-background-color !important;
}

.ode-ProjectRowUnHighlighted {
  background-color: background-color;
}

.ode-ProjectHeaderRow {
  background: project-background repeat;
  border-bottom: 1px solid explorer-border;
}

.ode-ProjectHeaderLabel {
  color: project-color;
}

.ode-CheckpointProjectTable {
  border: 1px solid background-color;

}
/*
  * ComponentList
  */
.ode-ComponentNameLabel {
  color: panel-shadow;
}

.ode-ComponentTable td {
  color: panel-shadow;
}

.ode-ComponentRowHighlighted {
  border-bottom: 1px solid component-border-bottom;
  background-color: project-background-color;
}

.ode-ComponentRowUnHighlighted {
  border-bottom: 1px solid component-border-bottom;
  background-color: background-color
}

.ode-ComponentHeaderRow {
  background: project-background repeat;
  border-bottom: 1px solid explorer-border;
}

.ode-ComponentHeaderLabel {
  color: project-color;
}
/*
  * TopPanel
  */

  .ode-TopPanel {
  background-color: top-panel-background-color;
  background-image: linear-gradient(to bottom, top-panel-background-color, top-panel-background-image);
  /*background-image: -moz-linear-gradient(top, top-panel-background-color, top-panel-background-image);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(top-panel-background-color), to(top-panel-background-image));
  background-image: -webkit-linear-gradient(top, top-panel-background-color, top-panel-background-image);
  background-image: -o-linear-gradient(top, top-panel-background-color, top-panel-background-image); */
  background-repeat: repeat-x;
  border: 1px solid top-panel-border;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='background-color', endColorstr='top-panel-end-color', GradientType=0)";
  box-shadow: 0 1px 4px shadow-color;
  /* -webkit-box-shadow: 0 1px 4px box-shadow;
  -moz-box-shadow: 0 1px 4px box-shadow;*/
}

.ode-LogoText {
  color: label-color;
  text-shadow: 0 0 0 panel-shadow;
}

.ode-TopPanelAccount {
  color: label-color;
}

.ode-TopPanelAccount a {
  color: selected-color;
}

.ode-TopPanelAccount .linkdivider {
  color: border-color;
}


.ode-TopPanelLinks .gwt-Label,
.ode-TopPanelLinks .gwt-Anchor,
.ode-TopPanelLinks .gwt-TitleLabel {
  color: label-color;
}

.ode-TopPanelLinks .gwt-Label:hover,
.ode-TopPanelLinks .gwt-Anchor:hover,
.ode-TopPanelLinks .gwt-TitleLabel:hover {
  text-shadow: 0 0 1px label-color;
}

.ode-TopPanelWarningLabel {
  color: item-color-red;
}

.ode-TopPanelLabel {
  color: label-color;
}

.ode-TopPanelIconButton:hover {
  /* -webkit-filter: drop-shadow(0px 0px 3px panel-shadow); */
  filter: drop-shadow(0px 0px 3px panel-shadow);
}
  
.ode-TopPanelButton,
.ActionDropDown-Default,
.ActionDropDown-Options {
  border: transparent;
  background: transparent;
  color: top-panel-color;
}

.ode-TopPanelButton:hover,
.ActionDropDown-Default:hover,
.ActionDropDown-Options:hover {
  background: border-color;
  color: panel-shadow;
}

.ode-NavArrow {
  border: transparent;
  background: label-color;
}

.ode-NavArrow:hover {
  background-color: background-color;
}

/*
  * StatusPanel
  */

.ode-StatusPanel {
  color: label-color;
  border-bottom: 1px solid explorer-border;
}

.ode-StatusPanel a {
  color: label-color;
}

/*
  * Non-visible component panel
  */

.ya-NonVisibleComponentsHeader {
  color: panel-shadow;
}
  
.ode-SimpleUiDesignerNonVisibleComponents .gwt-Label {
  color: panel-shadow;
}

.ode-Icon-selected {
  border: 2px solid selected-color;
}

.gwt-TabBar .gwt-TabBarItem {
  color: tab-bar-color;
  background-color: tab-bar-background-color;
  border: 2px solid bar-color;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  background-color: selected-color;
  border: 2px solid selected-color;
}

.gwt-VerticalSplitPanel, .gwt-HorizontalSplitPanel {
  background: background-color;
}

.gwt-Tree .gwt-TreeItem {
  color: panel-shadow;
}

.gwt-Tree .gwt-TreeItem-selected {
  background: none;
}

.gwt-Tree .gwt-TreeItem span:hover,
.gwt-Tree .gwt-TreeItem-selected span {
  background-color: bar-color;
}

.gwt-Tree-focused {
  outline: solid 2px border-color;
}

/* Young Android Toolbar */

.ya-Toolbar {
  background-color: selected-color;
}

.ya-Toolbar .ya-ProjectName {
  color: background-color;
  text-shadow: 0 0 1px panel-shadow;
}

.ode-TextButton,
.gwt-Button {
  color: panel-shadow;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: top-panel-background-color;
  /* *background-color: border-color; */
  background-image:linear-gradient(to bottom, background-color, border-color);  
  /* background-image:-moz-linear-gradient(top, background-color, border-color);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(background-color), to(border-color));
  background-image:-webkit-linear-gradient(top, background-color, border-color);
  background-image:-o-linear-gradient(top, background-color, border-color);*/
  background-repeat: repeat-x;
  border: 1px solid border-color;
  border-color: border-color border-color #bfbfbf;
  border-color: shadow-color shadow-color rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='background-color', endColorstr='#ffe6e6e6', GradientType=0)";
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px shadow-color;
  /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px shadow-color;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px shadow-color;*/
}

.ode-TextButton-up-disabled,
.gwt-Button-up-disabled {
  color: panel-shadow;
  background-color: border-color;
  /* *background-color: border-color; */
  cursor: default;
  background-image: none;
  opacity: 0.65;
}

.ode-TextButton:hover,
.gwt-Button:hover {
  color: panel-shadow;
  border-color: border-color border-color #bfbfbf;
  border-color: shadow-color shadow-color rgba(0, 0, 0, 0.25);
  background-color: border-color;
  /* *background-color: border-color; */
}

.ode-TextButton:active,
.gwt-Button:active {
  /* -webkit-box-shadow: inset 0 2px 4px button-shadow-color, 0 1px 2px shadow-color;
  -moz-box-shadow: inset 0 2px 4px button-shadow-color, 0 1px 2px shadow-color; */
  box-shadow: inset 0 2px 4px button-shadow-color, 0 1px 2px shadow-color;
}

.destructive-action {
  background:  item-color-red;
  color: background-color;
  text-shadow: none;
}

.destructive-action:hover {
  background: destructive-action-hover;
  color: background-color;
  text-shadow: none;
}

.destructive-action[disabled],
.destructive-action[disabled]:hover {
  background: destructive-action-hover;
  color: label-color;
}


.ode-BlocksDesignerButton {
  color: background-color;
  text-shadow: 0 -1px 0 button-shadow-color;
  background-color: #faa732;
  /* *background-color: blocks-designer-color; 
  background-image: -moz-linear-gradient(top, #fbb450, blocks-designer-color);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(blocks-designer-color));
  background-image: -webkit-linear-gradient(top, #fbb450, blocks-designer-color);
  background-image: -o-linear-gradient(top, #fbb450, blocks-designer-color);*/
  background-image: linear-gradient(to bottom, #fbb450, blocks-designer-color);
  background-repeat: repeat-x; 
  border-color: blocks-designer-color blocks-designer-color #ad6704;
  border-color: shadow-color shadow-color button-shadow-color; 
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0)";
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.ode-BlocksDesignerButton:hover,
.ode-BlocksDesignerButon:disabled {
  color: background-color;
  background-color: blocks-designer-color;
}

/* Palette */

.gwt-StackPanelItem div {
  border-top: 1px solid border-color;
  border-bottom: 1px solid border-color;
  background-color: tab-bar-background-color;
  color: panel-shadow;
}

.gwt-StackPanel .gwt-StackPanelContent {
  background-color: background-color; /* needed for dark mmode */
}
  
.ode-SimplePaletteItem {
  background-color: background-color; /* needed on Firefox */
}

.ode-SimplePaletteItem-caption {
  color: panel-shadow;
}

.ode-SimplePaletteItem-Selected {
  background-color: bar-color !important;
}

.gwt-SimplePanel {
  border: 1px solid simple-panel-border;
  background-color: background-color;
}

.gwt-ListBox {
  color: panel-shadow;
}

.ode-ExplorerContent {
  border-left: 1px solid explorer-border;
  border-right: 1px solid explorer-border;
}

.ode-CollapsiblePanelExpanded {
  background-color: explorer-border;
}

.ode-CollapsiblePanelCollapsedLeft {
  background-color: explorer-border;
}

.ode-CollapsiblePanelCollapsedBottom {
  background-color: explorer-border;
}

.ode-CollapsiblePanelTitle {
  background-color: explorer-border;
  color: tab-bar-color;
}

.ode-HeaderPanel {
  border: 1px solid explorer-border;
  background-color: background-color;
}

.ode-HeaderPanelTitleBar {
  background-color: explorer-border;
  color: tab-bar-color;
}

.ode-PropertiesPanel {
  background-color: box-background-color;
}

.ode-PropertiesPanel td {
  color: panel-shadow;
}

.ode-PropertiesComponentName {
  background-color: tab-bar-background-color;
  color: panel-shadow;
  border-bottom: 1px solid border-color;
}

.ode-PropertyEditor button{
  color: panel-shadow;
  background-color: background-color;
  border: 1px solid border-color;
}

.ode-ChoicePropertyEditor {
  border: thin solid border-color;
  background-color: background-color;
  box-shadow: border-color;
  color: panel-shadow;
}

.ode-ChoicePropertyEditor:hover {
  background: border-color;
  color: panel-shadow;
}

.ode-ChoicePropertyEditor:focus {
  border-color: border-color;
  /* IE6-9 */
  /* -webkit-box-shadow: inset 0 1px 1px shadow-color, 0 0 8px border-color;
  -moz-box-shadow: inset 0 1px 1px shadow-color, 0 0 8px border-color;*/
  box-shadow: inset 0 1px 1px shadow-color, 0 0 8px border-color; 
}

select.ode-PropertyEditor[disabled] {
  background-color: label-color;
}

.ode-MultipleChoicePropertyEditor {
  background-color: background-color;
  color: tab-bar-color;
  border: 1px solid label-color;
}

.ode-SimpleMockForm {
  background-color: bar-color;
  border: 2px solid tab-bar-color;
}

.ode-SimpleMockForm-selected {
  border: 2px solid selected-color;
}

.ode-SimpleMockFormTitleBar {
  background-color: label-color;
  color: background-color;
  border-bottom: 1px solid border-color;
}

.ode-SimpleMockFormTitleBar-ActionBar {
  background-color: selected-color;
  color: background-color;
}

.ode-SimpleMockFormMenuButton {
  background-color: transparent;
  color: background-color;
}

.ode-SimpleMockFormNavigationBarPortrait,
.ode-SimpleMockFormNavigationBarLandscape {
  background-color: tab-bar-color;
}

.ode-SimpleMockContainer {
  background-color: transparent;
  border: 2px solid tab-bar-color;
}

.ode-SimpleMockContainer-selected {
  border: 2px solid selected-color;
}

.ode-SimpleMockComponent-disabled {
  color: label-color;
}

.ode-SimpleMockComponent-selected {
  border: 2px solid selected-color;
}

.ode-SimpleMockMapFeature-selected svg * {
  stroke: selected-color;
}

path.ode-SimpleMockMapFeature-selected {
  stroke: selected-color;
}

.ode-SimpleMockMapFeature-selected img {
  border: 2px solid selected-color;
}

.ode-SimpleMockContainer .leaflet-container .leaflet-toolbar-icon {
  color: label-color;
}

.ode-SimpleMockContainer .leaflet-container .leaflet-toolbar-icon:hover {
  color: simple-panel-border;
}
  
.listViewItemStyle {
  border-bottom: 1px solid label-color;
}

/* class for the ListView Mock component */
.spinnerComponentStyle {
  outline: 1px solid border-color;
}
  
/* Component Help */

.ode-ComponentHelpPopup {
  background-color: background-color;
  border-left: 4px solid selected-color;
  border-right: 4px solid selected-color;
  border-bottom: 4px solid selected-color;
  box-shadow: 0 0 4px shadow-color;
}

.ode-ComponentHelpPopup-TitleBar {
  background-color: selected-color;
  color: background-color;
}

.ode-ComponentHelpPopup-Body {
  color: panel-shadow;
}

.ode-ComponentHelpPopup-Link a {
  color: selected-color;
}
  
.compiler-ErrorMarker {
  color:  item-color-red;
}

.compiler-WarningMarker {
  color: orange;
}

.hsplitter, .vsplitter {
  background-color: explorer-border;
}
  
.ode-RpcStatusMessage .popupMiddleLeft,
.ode-RpcStatusMessage .popupMiddleCenter,
.ode-RpcStatusMessage .popupMiddleRight,
.ode-RpcStatusMessage .popupBottomCenter {
  background-color: project-background-color;
}

.ode-ErrorMessage {
  color: item-color-red;
}

.ode-InfoMessage {
  color: #2d2d2d;
}

.ode-GroupedList .Header td {
  background: #eee;
}
  
/* All dialog boxes */

/* Start of NoProjectsDialogBox. */
.ode-noDialogDiv {
  box-shadow: 0 0 10px label-color;
  background-color: background-color;
}

.ode-noDialogDivHeader {
  background-color: selected-color;
  border-bottom: 1px #e9e9e9 solid;
}

.ode-headerTitle {
  color: background-color;
}

.ode-tutorialsTitle {
  color: tab-bar-color;
}

.ode-noDialogExampleDiv {
  box-shadow: 0 0 2px label-color;
}
  
/* End of NoProjectsDialogBox. */

.ode-DialogBox {
  background-color: background-color;
  border-left: 4px solid selected-color;
  border-right: 4px solid selected-color;
  border-bottom: 4px solid selected-color;
}

.ode-DialogBox .gwt-Label {
  color: panel-shadow;
}

.ode-DialogBox .ExtendedText {
  color: top-panel-color;
}

.ode-DialogBox .gwt-Tree {
  border: thin solid border-color;
}

.ode-DialogBox .dialogTop {
  background-color: selected-color;
}

.ode-DialogBox .Caption {
  background-color: selected-color;
  color: background-color;
  box-shadow: 0 0 4px shadow-color;

}

.ode-DialogBox .dialogContent {
  color: panel-shadow;
}

.ode-DialogBox .dialogContent td {
  color: panel-shadow;
}

/* AI2 Extensions Styles */

a.ode-ExtensionAnchor {
  color: label-color;
}

a.ode-ExtensionAnchor:hover {
  color: panel-shadow;
}
  
.ode-Android-caption {
  background-color: selected-color;
  color: background-color;
}

.ode-Android-footer {
  background-color: explorer-border;
  color: tab-bar-color;
}

.gwt-ProgressBar-shell {
  border: 2px solid project-background-color;
  border-right: 2px solid panel-shadow;
  border-bottom: 2px solid panel-shadow;
  background-color: label-color;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: selected-color;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  color: background-color;
}

/*
  * PopupPanel
  */

.gwt-PopupPanel {
  background-color: background-color;
  border: 1px solid button-shadow-color;
  /* -webkit-box-shadow: 0 5px 10px button-shadow-color;
  -moz-box-shadow: 0 5px 10px button-shadow-color;*/
  box-shadow: 0 5px 10px button-shadow-color; 
}

/*
  * Bootstrap Inputs
  */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  color: panel-shadow;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: background-color;
  border: 1px solid border-color;
  /* -webkit-box-shadow: inset 0 1px 1px shadow-color;
  -moz-box-shadow: inset 0 1px 1px shadow-color;*/
  box-shadow: inset 0 1px 1px shadow-color; 
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);

  /* -webkit-box-shadow: inset 0 1px 1px shadow-color, 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px shadow-color, 0 0 8px rgba(82, 168, 236, 0.6); */
  box-shadow: inset 0 1px 1px shadow-color, 0 0 8px rgba(82, 168, 236, 0.6);
}



select {
  background-color: background-color;
  border: 1px solid border-color;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 2px solid panel-shadow;

}

.uneditable-input,
.uneditable-textarea {
  color: label-color;
  background-color: #fcfcfc;
  border-color: border-color;
  /* -webkit-box-shadow: inset 0 1px 2px shadow-color;
  -moz-box-shadow: inset 0 1px 2px shadow-color;*/
  box-shadow: inset 0 1px 2px shadow-color; 
}

/* input:-moz-placeholder,
textarea:-moz-placeholder {
  color: label-color;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: label-color;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: label-color;
} */


/* Gallery Toolbar*/
.ya-GalleryToolbar {
  background-color: selected-color;
}

.gallery-container {
  background: background-color;
  box-shadow: 0 2px 4px container-shadow;
  /* -moz-box-shadow: 0 2px 4px container-shadow;
  -ms-box-shadow: 0 2px 4px container-shadow;
  -webkit-box-shadow: 0 2px 4px container-shadow; */
}

.ode-UserProfileWrapper .profile-textdisplay {
  color: panel-shadow;
}
.ode-UserProfileWrapper .profile-textlabel {
  color: label-color;
}

.profile-textlabel-emaildescription {
  color: label-color;
}


.gallery .gwt-TabBar .gwt-TabBarItem {
  color: label-color;
}
.gallery .gwt-TabBar .gwt-TabBarItem-selected {
  color: panel-shadow;
}

.gallery-nav-prev .active,
.gallery-nav-next .active,
.gallery-report-next .active {
  color: label-color;
}
.gallery-nav-prev .disabled,
.gallery-nav-next .disabled,
.gallery-report-next .disabled {
  color: border-color;
}
.gallery-nav-prev .active:hover,
.gallery-nav-next .active:hover,
.gallery-report-next .active:hover {
  background-color: background-color;
}

.gallery-nav-return .gwt-Label {
  color: selected-color;
}

.gallery-app-collection .gallery-card {
  background: background-color;
  box-shadow: 0 2px 4px container-shadow;
  /* -moz-box-shadow: 0 2px 4px container-shadow;
  -ms-box-shadow: 0 2px 4px container-shadow;
  -webkit-box-shadow: 0 2px 4px container-shadow; */
}
.gallery-app-collection .gallery-card:hover,
.gallery-app-showcase .gallery-card:hover {
  background-color: #EEE;
}

.gallery-card-content .gallery-title {
  color: panel-shadow;
}
/* more color */
.paragraph-end-block {
  /* background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,transparent),color-stop(100%,background-color));
  background-image: -webkit-linear-gradient(left,transparent,background-color);
  background-image: -moz-linear-gradient(left,transparent,background-color);
  background-image: -ms-linear-gradient(left,transparent,background-color);
  background-image: -o-linear-gradient(left,transparent,background-color); */
  background: linear-gradient(to right,transparent,background-color);
  filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='background-color')";
}
.gallery-card-content .gallery-subtitle {
  color: label-color;
}
.gallery-meta {
  color: label-color;
}
.section-divider {
  border-bottom: 1px solid #d6d6d6;
}

.gallery-search-textarea {
  color: panel-shadow;
  background-color: background-color;
}

.gallery-editbox {
  border: 1px dashed border-color!important;
  background-color: background-color!important;
}
.gallery-editprompt {
  color: panel-shadow;
}

.gallery-showcase-desc,
.gallery-showcase-title {
  color: #666;
}

.ode-Inbox .ActionButton,
.gallery-app-details .app-action-button,
.gallery-app-details .app-comments-submit,
.ode-UserProfileWrapper .profile-submit {
  color: background-color;
  background-color: label-color;
}

.gallery-app-details .app-comments-textarea,
.app-desc-textarea {
  color: #bebebe;
}
.app-otherinfo-textdisplay {
  color: panel-shadow;
}
.app-otherinfo-textlink {
  color: label-color;
  border-bottom: 1px dotted label-color;
}
.app-otherinfo-textlink:hover {
  background-color: label-color;
  color: background-color;
}
.app-otherinfo-textlabel {
  color: label-color;
}
.app-otherinfo-textbox {
  color: #bebebe;
}

.app-otherinfo-textbox:focus {
  color: #444;
}

.gallery-app-details .app-comments-textarea:focus,
.app-desc-textarea:focus {
  color: #444;
}

.gallery-app-details .app-username {
  color: label-color;
  border-bottom: 1px dotted label-color;
}
.gallery-app-details .app-username:hover {
  background-color: label-color;
  color: background-color;
}
.gallery-app-details .app-attributor-username {
  color: label-color;
  border-bottom: 1px dotted label-color;
}

.app-stats {
  color: label-color;
}

.app-meta .gwt-Label {
  color: label-color;
}
.app-meta .gwt-Label-auto {
  color: label-color;
}

.gallery-app-details .app-tags .gwt-Label {
  background-color: #EEE;
  color: label-color;
}
.gallery-app-details .app-tags .gwt-Label:hover {
  background-color: label-color;
  color: background-color;
}

.comment-meta .comment-date {
  color: label-color;
}

.gallery-page-single .gwt-TabBar .gwt-TabBarItem-selected,
.gallery-app-single .gwt-TabBar .gwt-TabBarItem-selected {
  color: label-color;
}
.gallery-nav-return .gwt-Label,
.app-description,
.app-actions .gwt-TabPanelBottom .gwt-Label,
.app-info-container .primary-prompt,
.app-actions .primary-prompt {
  color: #666;
}

.primary-link-small {
  color: label-color;
  border-bottom: 1px dotted label-color;
}
.primary-link,
.moderator-link {
  color: label-color;
  border-bottom: 1px dotted label-color;
}

.ode-ProjectGalleryLink:hover,
.primary-link:hover,
.primary-link-small:hover,
.moderator-link:hover {
  background-color: label-color;
  color: background-color;
}

.ode-ModerationTable .primary-link {
  color: tab-bar-color;
}

.seemore-link {
  color: #333399;
  border-bottom: 1px dotted selected-color;
}

.seemore-link:hover {
  color: #980000;
}


/* General gallery helper styles */
.message-popup {
  background-color: background-color;
  border: 1px solid border-color;
}


.ac-renderer {
  background: background-color;
  border: 1px solid #666;
  /* -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
  -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4); */
}

.ac-active {
  background-color: #b2b4bf;
}

div.dropdiv.good {
  background-color: rgba(128, 255, 128, 0.3);
  border: 8px dashed darkgreen;
}

div.dropdiv p {
  color: darkgreen;
}

.download-barcode:before {
    background-color: label-color;
}

/* Evan's code */
svg.blocklySvg,
.blocklyMainBackground,
rect.gridBackground {
  fill: background-color;
}
